import Vue from "vue";
import Vuex from 'vuex';
import VueXAlong from 'vuex-along';
import state from '@/vuex/state';
import mutations from '@/vuex/mutations';
import actions from '@/vuex/actions';
import getters from '@/vuex/getters';

Vue.use(Vuex);


export default new Vuex.Store({
    state,
 mutations,
    actions,
    getters,
    plugins:[VueXAlong({
        name:"along",
        local:{list:[],isFilter:true},
        session:false//将数据存储到sessionStorage当中 浏览器关闭数据没有，刷新数据有 */
        // local:false,
        // session:{list:[],isFilter:true}//将数据存储到sessionStorage当中 浏览器关闭数据没有，刷新数据有
    })]
})

/*
vuex存储数据刷新页面数据消失：
如何解决：
将数据存储到localstorage或sessionstorage中
所有收集到的数据都存放到localstorage或sessionstorage中 state中的数据是从localstorage或sessionstorage中读取的
经常使用的包vuex-along 有其他的包也可以完成该效果 vuex-persistedstate vuex-persist

*/